.list {
  display: flex;
  flex-direction: column;
  .cardItem {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 8px;
    width: 204px;
    height: 52px;
    border: 1px solid @split-line;
    border-radius: 4px;
    .fileType {
      width: 36px;
      height: 36px;
    }
    .fileInfo {
      margin-left: 8px;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      .fileName {
        max-width: 140px;
        line-height: 20px;
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      .fileSize {
        margin-top: 2px;
        line-height: 16px;
        font-size: 12px;
        color: #B8B8B8;
      }
    }
  }
}